<section id = "doc_os-detect" data-view = "true" data-view-title = "设备操作系统检测">
	<header>
		<a class = "nav-back" data-view-rel = ":back"></a>
		<span>设备操作系统检测</span>
		<a class = "menu"></a>
	</header>
	<div class = "body">
		<p>View组件在加载完成后，会自动识别当前的移动设备类型，并将识别结果以名称为："data-view-os"DOM属性的方式附加至DOM树中的html结点上。如：</p>
		<div class = "code html">
&lt;html data-view-os="android"&gt;&lt;/html&gt; &lt;!—代表安卓设备 --&gt;
&lt;html data-view-os="ios"&gt;&lt;/html&gt; &lt;!—代表苹果设备 --&gt;
&lt;html data-view-os="wp"&gt;&lt;/html&gt;&lt;!—代表windows phone设备 --&gt;
		</div>
		<p>开发者可以根据该属性为实现"视图在不同操作系统下表现出不同的效果"而撰写不同的CSS样式。</p>
	</div>
	<footer><div class = "btn next">下一节</div></footer>
</section>